<template>
  <div style="margin: 0 auto;text-align:left;background-color:lightgoldenrodyellow;width: 800px;height: 3187px">
    <h1 style="text-align: center;line-height: 100px">{{ book.title }}</h1>
    <p style="margin-top:-40px;padding:0 70px;font-size: 20px">
      {{ book.content }}
    </p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      book: {
        title: "",
        content: ""
      }
    }
  },
  created() {
    this.axios.get("http://localhost:9080/books/testById" + location.search).then((response) => {
      this.book = response.data;
    })
  }
}
</script>

<style>

</style>
